@use "@/styles/usenamespace.scss" as ns;
@use "@/styles/function.scss" as fun;

@include ns.b(choose-image) using ($b) {
  @include ns.e(popup) using ($e) {
    &>.l-popup {
      background: fun.getCssVarValue(info-strokeColor);
      color: fun.getCssVarValue(info-textColor);
    }
  }
  @include ns.e(prompt-popup) using ($e) {
    &>.l-popup {
      margin: 32rpx;
      padding: 32rpx;
      border-radius: 16rpx;
      text-align: center;
      margin-top: calc(32rpx + var(--status-bar-height));
    }
  }

  @include ns.e(select-popup) using ($e) {
    &>.l-popup {
      border-radius: 32rpx;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      text-align: center;
    }
  }

  @include ns.e(way-item) using ($e) {
    padding: 32rpx;
    @include ns.s(cancel) using ($s) {
      border-top: 2rpx solid fun.getCssVarValue(info-borderColor);
    }
  }
}